import React from 'react';
import './lilnk-button.less'

/* 
自定义的看似链其实是button的组件，
1. {...props}: 将接收的所有属性传递给子标签
2. chilren标签属性:组件的标签体作为标签的children属性传入
  字符串: <LinkButton>xxxx</LinkButton>标签体是文本
  标签对象: <LinkButton><span></span></LinkButton>标签体是标签结构
  标签对象的数组: <LinkButton><span></span><span></span></LinkButton>标签体中包含多个子标签
3. 文本作为children属性传给link-button，link-button将属性传给封装的button，传给button又将内容放到button内部
*/

export default function LinkButton(props){
    return <button {...props}></button>
} 